<template>
  <div class="navigation">
    <el-col :span="12">
      <el-menu
        router
        default-active="/main/businessRuleTemp"
        class="el-menu-vertical-demo"
      >
        <el-menu-item index="/main/businessRuleTemp">
          <i class="el-icon-menu"></i>
          <span slot="title">业务模板</span>
        </el-menu-item>

        <el-menu-item index="/main/businessProperty">
          <i class="el-icon-menu"></i>
          <span slot="title">业务属性</span>
        </el-menu-item>
        <el-menu-item index="/main/businessRuleLogic">
          <i class="el-icon-menu"></i>
          <span slot="title">规则逻辑</span>
        </el-menu-item>
      </el-menu>
    </el-col>
    <router-view ></router-view>
  </div>
</template>

<script>
export default {
  name: "Main",
};
</script>

<style scoped>
.el-col-12{
    width: 20% !important;
}

</style>